// Place all the styles related to the transaction controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
#index-transaction {

  .header {
    margin: 30px 115px;
    font-size: 30px;
    color: green;
    font-weight: bold;
  }

  table#transaction-list {
    width: 750px;
    text-align: left;
    font-size: 13px;
    border: 3px solid black;
    //table-layout: fixed;


    tr.heading {
      font-style: italic;
      border: 3px solid black;
      padding: 5px;
      text-align: center;

      th {
        border: 1px solid #CCC;
      }
    }

    td {
      border: 1px solid #CCC;
      padding: 5px 10px;
      overflow: hidden;
      table-layout: fixed;

      &.start_date {
        width: 80px;
      }

      &.end_date {
        width: 80px;
      }

      &.user {
        width: 80px;
      }

      &.book {
        width: 130px;
      }

      &.state {
        width: 120px;

        select#status {
          width: 120px;
        }
      }

      &.actions {
        width: 100px;
      }
    }
  }
}
